import React from 'react';
import { Form, Input } from 'antd';
import './index.less';

export default function index() {
  console.log('登录页');
  return (
    <div className='login-container'>
      <div className='login-body'>
        <div className='login-describe'>
          <div className='describe-img'></div>
          <div className='describe-title'>谦虚·低调·进取</div>
          <div className='describe-content'>welcome to my home space</div>
        </div>
        <div className='login-form-box'>
          <div className='form-title'>后台登录</div>
          <Form>
            <Form.Item
              label=''
              name='username'
              rules={[
                { required: true, message: 'Please input your username!' },
              ]}
            >
              <Input />
            </Form.Item>
            <Form.Item
              label=''
              name='password'
              rules={[
                { required: true, message: 'Please input your password!' },
              ]}
            >
              <Input.Password />
            </Form.Item>
          </Form>
        </div>
      </div>
    </div>
  );
}
